<template>
    <div class="loading">
        <van-loading class="loading-icon" type="spinner" color="rgb(0, 168, 255)" />
    </div>
</template>

<script>
    import Vue from 'vue';
    import { Loading } from 'vant';

    Vue.use(Loading);
    export default {
        name: "loading"
    }
</script>

<style scoped>
    .loading{
        position: fixed;
        text-align: center;
        vertical-align: middle;
        background: rgba(61, 57, 60, 0.77);
        z-index: 999;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .loading-icon{
        top: 46%;
    }
</style>
